<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE HTML >
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<title>客户级别统计列表</title>
<link href="css/Style.css" type=text/css rel=stylesheet>
<link href="css/Manage.css" type=text/css rel=stylesheet>
<script type="text/javascript" src="js/echarts.min.js"></script>
<script type="text/javascript" src="js/jquery-3.5.0.min.js"></script>
<meta content="MSHTML 6.00.2900.3492" name=GENERATOR>
</head>
<body>
	<form id="customerForm" name="customerForm"
		action=""
		method="get">
		<input type="hidden" name="type" value="industry" />

		<table cellSpacing=0 cellPadding=0 width="98%" border=0>
			<tbody>
				<tr>
					<td width=15><img src="images/new_019.jpg" border=0>
					</td>
					<td width="100%" background="images/new_020.jpg" height=20></td>
					<td width=15><img src="images/new_021.jpg" border=0>
					</td>
				</tr>
			</tbody>
		</table>
		<table cellSpacing=0 cellPadding=0 width="98%" border=0>
			<tbody>
				<tr>
					<td width=15 background="images/new_022.jpg"><img
						src="images/new_022.jpg" border=0>
					</td>
					<td vAlign=top width="100%" bgColor=#ffffff>
						<table cellSpacing=0 cellPadding=5 width="100%" border=0>
							<tr>
								<td class=manageHead>当前位置：客户统计分析 &gt; 客户级别统计</td>
							</tr>
							<tr>
								<td height=2></td>
							</tr>
						</table>
						<table borderColor=#cccccc cellSpacing=0 cellPadding=0
							width="100%" align=center border=0>
							<tbody>


								<tr>
									<td>
										<table id=grid
											style="BORDER-TOP-WIDTH: 0px; FONT-WEIGHT: normal; BORDER-LEFT-WIDTH: 0px; BORDER-LEFT-COLOR: #cccccc; BORDER-BOTTOM-WIDTH: 0px; BORDER-BOTTOM-COLOR: #cccccc; WIDTH: 100%; BORDER-TOP-COLOR: #cccccc; FONT-STYLE: normal; BACKGROUND-COLOR: #cccccc; BORDER-RIGHT-WIDTH: 0px; TEXT-DECORATION: none; BORDER-RIGHT-COLOR: #cccccc"
											cellSpacing=1 cellPadding=2 rules=all border=0>
											<tbody>
												<tr
													style="FONT-WEIGHT: bold; FONT-STYLE: normal; BACKGROUND-COLOR: #eeeeee; TEXT-DECORATION: none">

													<td>客户级别</td>
													<td>级别数量</td>

												</tr>
												
												<c:forEach items="${level }" var="level">
													<tr
														style="FONT-WEIGHT: normal; FONT-STYLE: normal; BACKGROUND-COLOR: white; TEXT-DECORATION: none">
															<td>${level.cust_level }</td>
															<td>${level.count }</td>
													</tr>
												</c:forEach>

												

					
												
													
												<tr>
													<div style="width:400px;margin:0px auto">
														<div id="main" style="width:630px;height:300px;"></div>
													</div>
												
												</tr>
												


											</tbody>
										</table></td>
								</tr>
							</tbody>
						</table></td>
					<td width=15 background="images/new_023.jpg"><img
						src="images/new_023.jpg" border=0>
					</td>
				</tr>
			</tbody>
		</table>
		<table cellSpacing=0 cellPadding=0 width="98%" border=0>
			<tbody>
				<tr>
					<td width=15><img src="images/new_024.jpg" border=0>
					</td>
					<td align=middle width="100%" background="images/new_025.jpg"
						height=15></td>
					<td width=15><img src="images/new_026.jpg" border=0>
					</td>
				</tr>
			</tbody>
		</table>
	</form>
</body>
<script type="text/javascript">
	var xValue =${xValue};
	var yValue = ${yValue};
	var myChart=echarts.init(document.getElementById('main'));
	var option = {
		title: {
			text: '客户级别统计表'
		},
	    xAxis: {
	        type: 'category',
	        data: xValue
	    },
	    yAxis: {
	        type: 'value'
	    },
	    series: [{
	        data: yValue,
	        type: 'bar',
	        showBackground: true,
	        backgroundStyle: {
	            color: 'rgba(220, 220, 220, 0.8)'
	        }
	    }]
	}
	myChart.setOption(option);
</script>
</html>